CSS（層疊樣式表）用於為 HTML 文檔添加樣式和格式。它的基本語法由選擇器、屬性和屬性值組成。以下是 CSS 語法的主要組成部分及其用法。

1. 選擇器（Selector）
選擇器用於選擇要應用樣式的 HTML 元素。常見的選擇器包括：

元素選擇器：選擇所有特定標籤的元素。例如，p 選擇所有段落元素。

p {
    color: blue;
}

類選擇器：選擇帶有特定類的元素，使用點號（.）前綴。例如，.highlight 選擇所有具有 highlight 類的元素。

.highlight {
    background-color: yellow;
}

ID 選擇器：選擇帶有特定 ID 的元素，使用井號（#）前綴。例如，#header 選擇 ID 為 header 的元素。

#header {
    font-size: 24px;
}

群組選擇器：同時選擇多個元素，使用逗號分隔。例如，h1, h2, h3 同時選擇所有這些標題。

h1, h2, h3 {
    font-family: Arial, sans-serif;
}

2. 屬性（Property）和屬性值（Value）
每個 CSS 規則由一組屬性和對應的屬性值組成，使用冒號分隔，並以分號結束。每個屬性控制一個特定的樣式。

例如：p { color: red; /* 字體顏色為紅色 */ font-size: 16px; /* 字體大小為 16 像素 */ line-height: 1.5; /* 行高為 1.5 */ }
在這裡，color、font-size 和 line-height 是屬性，分別用於設定段落的文字顏色、字體大小和行高。

3. 寫在樣式表中
   CSS 可以寫在三個地方：

內聯樣式：在 HTML 標籤內使用 style 屬性。

<p style="color: green;">這是內聯樣式的段落。</p>

內部樣式表：在 HTML 文件的 部分使用 標籤。

<style>
    body {
        background-color: lightgray;
    }
</style>

外部樣式表：將 CSS 寫在單獨的 .css 文件中，並在 HTML 中鏈接。

<link rel="stylesheet" href="styles.css">

CSS 的基本語法簡潔明瞭，通過選擇器、屬性和屬性值的組合，可以靈活地控制網頁的外觀。掌握這些基礎知識將有助於創建更美觀和易於使用的網站。